<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>

	<body>
		<pre>
        自定义按键修饰符
            产生原因：Vue 给提供的修饰符满足不了业务需求，这时候需要自定义

            可以使用 `v-on:keyup.f1`
            自定义按键修饰符： Vue.config.keyCodes.f1 = 112
    </pre>

		<div id="app">
			<!-- 每一个按键，都对应一个键值码 -->
			<!-- <input type="text" v-model="val" @keyup.81="handle" /> -->
			<input type="text" v-model="val" @keyup.qwe="handle" />
		</div>

		<script src="/scripts/vue.js"></script>
		<script>
			// 使用   自定义按键修饰符
			// Vue 首字母需要大写
			// 后面跟上自定义的按键名称，但是键值码不能乱写，需要按哪个键执行事件，就定义哪个键的键值码
			Vue.config.keyCodes.qwe = 81

			var vm = new Vue({
				el: '#app',
				data: {
					val: '',
				},
				methods: {
					handle(e) {
						console.log(e.keyCode)
						console.log('自定义按键成功')
					},
				},
			})
		</script>
	</body>
</html>
